cqjs.component('booleanField', {
    template: `
        <el-switch
            style='width:100%'
            v-model="data.data[$props.field.name]"
            @change="handleChange"/>
    `,
    props: ['field', 'data'],
    methods:{
        handleChange(v){
            this.data.dirty[this.field.name] = v;
        }
    }
});